<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商家管理</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
	<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
    
</head>

<body class="hold-transition skin-red sidebar-mini"  >
  <!-- .box-body -->
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">商家管理</h3>
                    </div>

                    <div class="box-body">
                        <!-- 数据表格 -->
                        <div class="table-box">
                            <!--工具栏-->
                            <div class="box-tools pull-right">
                                <div class="has-feedback">
							        公司名称：<input  type="text" id="name" >
									店铺名称： <input  type="text" id="nickName">
									状态：
									<input type="radio" value="" name="status"/>全部
									<input type="radio" value="0" name="status"/>待审核
									<input type="radio" value="1" name="status"/>已审核
									<input type="radio" value="2" name="status"/>审核未通过
									<input type="radio" value="3" name="status"/>关闭
									<button class="btn btn-default" onclick="getData()">查询</button>
                                </div>
                            </div>
                            <!--工具栏/-->

			                  <!--数据列表-->
			                  <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
			                      <thead>
			                          <tr>
			                              <th class="" style="padding-right:0px">
			                                  <input id="selall" type="checkbox" class="icheckbox_square-blue">
			                              </th> 
										  <th class="sorting_asc">商家ID</th>
									      <th class="sorting">公司名称</th>
									      <th class="sorting">店铺名称</th>
									      <th class="sorting">联系人姓名</th>
									      <th class="sorting">公司电话</th>
									      <th class="sorting">状态</th>										
					                      <th class="text-center">操作</th>
			                          </tr>
			                      </thead>
			                      <tbody id="sellerShow">

			                      </tbody>
			                  </table>
			                  <!--数据列表/-->
                        </div>
                        <!-- 数据表格 /-->
                     </div>
                    <!-- /.box-body -->

	<script>
		$(function () {
			getData();
		})
		//展示页面拼接
		function getData(){
			$.ajax({
				url:"/sellerController/getAllSeller",
				type:"post",
				//data : $("#OneForm").serialize(),
				data:{name:$("#name").val(),nickName:$("#nickName").val(),status:$("[type=radio]:checked").val()},
				dataType:"json",
				async:false,
				success:function(page){
					var result=page.data;
					var info = "";
					$(result).each(function (i,e) {
						info+= '<tr>';
						info+= '<td><input  type="checkbox" value="'+e["sellerId"]+'"></td>';
						info+= '<td>'+e['sellerId']+'</td>';
						info+= '<td>'+e['name']+'</td>';
						info+= '<td>'+e['nickName']+'</td>';
						info+= '<td>'+e['linkmanName']+'</td>';
						info+= '<td>'+e['telephone']+'</td>';
						if(e.status == 0){
							info += '<td>待审核</td>';
						}
						if(e.status == 1){
							info += '<td>审核通过</td>';
						}
						if(e.status == 2){
							info += '<td>审核不通过</td>';
						}
						if(e.status == 3){
							info += '<td>关闭商家</td>';
						}
						info+= '<td class="text-center">';
						info += "<button type='button' class='btn bg-olive btn-xs' data-toggle='modal' data-target='#sellerModal' onclick='getSellerInfo(\""+ e.sellerId + "\")'>详情</button>";
						info+= '</td>';
						info+= '</tr>';
					})

					$("#sellerShow").html(info);
				},
				error:function(page){
					alert(page.message);
				}
			})
		}
	</script>
	<script>
		//选项卡页面拼接
		function getSellerInfo(sellerId){
			$.ajax({
				url:"/sellerController/getSellerById?sellerId="+sellerId,
				type:"post",
				//data : $("#OneForm").serialize(),
				//data:{name:$("#name").val(),nickName:$("#nickName").val()},
				dataType:"json",
				async:false,
				success:function(result){
					var page = result.data;
					$("#sellerId").val(page.sellerId);
					$("#name1").val(page.name);
					$("#mobile").val(page.mobile);
					$("#telephone").val(page.telephone);
					$("#addressDetail").val(page.addressDetail);
					$("#linkmanName").val(page.linkmanName);
					$("#linkmanQq").val(page.linkmanQq);
					$("#linkmanMobile").val(page.linkmanMobile);
					$("#linkmanEmail").val(page.linkmanEmail);
					$("#licenseNumber").val(page.licenseNumber);
					$("#taxNumber").val(page.taxNumber);
					$("#orgNumber").val(page.orgNumber);
					$("#legalPerson").val(page.legalPerson);
					$("#legalPersonCardId").val(page.legalPersonCardId);
					$("#bankUser").val(page.bankUser);
					$("#bankName").val(page.bankName);
				},
				error:function(result){
					alert(page.message);
				}
			})
		}
	</script>
	<!-- 商家详情 -->
	<div class="modal fade" id="sellerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg" >
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">商家详情</h3>
				</div>
				<div class="modal-body">

					<ul class="nav nav-tabs">
						<li class="active"><a href="#home" data-toggle="tab">基本信息</a></li>
						<li><a href="#linkman" data-toggle="tab">联系人</a></li>
						<li><a href="#certificate" data-toggle="tab">证件</a></li>
						<li><a href="#ceo" data-toggle="tab">法定代表人</a></li>
						<li><a href="#bank" data-toggle="tab">开户行</a></li>
					</ul>
					<!-- 选项卡开始 -->
					<div id="myTabContent" class="tab-content">
						<div class="tab-pane active in" id="home">
							<br>
							<table class="table table-bordered table-striped"  width="800px">
								<tr>
									<td>公司名称</td>
									<td><input id="name1" readonly style="border: 0"></td>
								</tr>
								<tr>
									<td>公司手机</td>
									<td><input id="mobile" readonly style="border: 0"></td>
								</tr>
								<tr>
									<td>公司电话</td>
									<td><input id="telephone" readonly style="border: 0"></td>
								</tr>
								<tr>
									<td>公司详细地址</td>
									<td><input id="addressDetail" readonly style="border: 0"></td>
								</tr>
							</table>
						</div>
						<div class="tab-pane fade" id="linkman">
							<br>
							<table class="table table-bordered table-striped" >
								<tr>
									<td>联系人姓名</td>
									<td><input id="linkmanName" readonly style="border: 0"></td>
								</tr>
								<tr>
									<td>联系人QQ</td>
									<td><input id="linkmanQq" readonly style="border: 0"></td>
								</tr>
								<tr>
									<td>联系人手机</td>
									<td><input id="linkmanMobile" readonly style="border: 0"></td>
								</tr>
								<tr>
									<td>联系人E-Mail</td>
									<td><input id="linkmanEmail" readonly style="border: 0"></td>
								</tr>
							</table>
						</div>
						<div class="tab-pane fade" id="certificate">
							<br>
							<table class="table table-bordered table-striped" >
								<tr>
									<td>营业执照号</td>
									<td><input id="licenseNumber" readonly style="border: 0"></td>
								</tr>
								<tr>
									<td>税务登记证号</td>
									<td><input id="taxNumber" readonly style="border: 0"></td>
								</tr>
								<tr>
									<td>组织机构代码证号</td>
									<td><input id="orgNumber" readonly style="border: 0"></td>
								</tr>
							</table>
						</div>
						<div class="tab-pane fade" id="ceo">
							<br>
							<table class="table table-bordered table-striped" >
								<tr>
									<td>法定代表人</td>
									<td><input id="legalPerson" readonly style="border: 0"></td>
								</tr>
								<tr>
									<td>法定代表人身份证号</td>
									<td><input id="legalPersonCardId" readonly style="border: 0"></td>
								</tr>
							</table>
						</div>
						<div class="tab-pane fade" id="bank">
							<br>
							<table class="table table-bordered table-striped" >
								<tr>
									<td>开户行名称</td>
									<td><input id="bankName" readonly style="border: 0"></td>
								</tr>
								<tr>
									<td>开户行支行</td>
									<td></td>
								</tr>
								<tr>
									<td>银行账号</td>
									<td><input id="bankUser" readonly style="border: 0"></td>
								</tr>
							</table>
						</div>
					</div>
					<!-- 选项卡结束 -->

				</div>
				<div class="modal-footer">
				</div>
			</div>
		</div>
	</div>


</body>

</html>